<template>
  <div class="home_container">
    <Banner />
    <GameList />
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue';
import { Banner, GameList } from './compolents';
export default {
  name: 'Home',
  components: {
    Banner,
    GameList,
  },
  setup() {
    const state = reactive({});

    return {
      ...toRefs(state),
    };
  },
};
</script>

<style lang="scss" scoped>
.home_container {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 20px;
}
</style>
